<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$&的使用</title>
</head>
<body>
    <main>
        <a href=""></a>
        在泉州，有一所大学，名字是泉州师范学院软件学院，盛产帅哥美女！
    </main>
</body>
<script>
    /*
        document.querySelector是一种快速获取dom的方式
            方便在于它可以像使用css选择器的方式来让我们获取DOM元素
            例如： document.querySelector('body>main') 
                表示获取body下面的main标签
    */
    //案例目标:让泉州是否学院软件学院有a标签的效果 
    const obj = document.querySelector('body>main')
    /*
        $&一般也是在替换的时候会用的比较多  
            $&表示的是获取你所要找的内容
    */
    obj.innerHTML = obj.innerHTML.replace(/泉州师范学院软件学院/,`<a href="www.baidu.com">$&</a>`)
</script>
</html>